<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>会员经验分享信息管理</title>
    <link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../css/iconfont-web.css">
    <link rel="stylesheet" type="text/css" href="../css/daokes-web.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_824072_4s7uow97q99.css">
</head>

<body>
    <div id="left" class="fl pos-a ht100-per" style="width:200px; background:#000f1e;">
        <!--菜单收缩width:60px;-----菜单展开width:200px;-->
        <!--菜单展开-start-->
        <div id="left_open">
            <!--菜单收缩display-n-----菜单展开-->
            <div class="text-c ht65">
                <img src="../images/main-logo.png" class="pt15" alt="飞道logo">
            </div>
        </div>
        <!--菜单展开-end-->
    </div>
    <div id="right" class="ht100-per" style="margin-left:200px;min-width:800px;">
        <!--菜单展开margin-left:200px;-----菜单收缩margin-left:70px;-->
        <!--右侧顶部条-start-->
        <div class="border-b-1 bg-e" style="height:80px;line-height:80px;">

        </div>
        <!--右侧顶部条-end-->
        <!-- 内容 start -->
        <div style="padding: 10px">
            <!-- 操作 start -->
            <div style="min-height:40px;margin-top:20px;">
                <div class="earl-body-operation statistics-search color-6 font12">
                    <p class="font14 display-ib" style="padding-left: 15px">标题:
                        <input type="text" class="font14 border-1 radius-4" placeholder="请输入标题" style="padding-left: 5px;height: 26px;line-height: 26px;">
                    </p>
                    <p class="font14 display-ib" style="padding-left: 15px">发布人:
                        <input type="text" class="font14 border-1 radius-4" placeholder="请输入发布人" style="padding-left: 5px;height: 26px;line-height: 26px;">
                    </p>
                    <p class="font14 display-ib" style="padding-left: 15px">日期:
                        <input type="date" class="border-1 radius-4" style="padding: 5px"> -
                        <input type="date" class="border-1 radius-4" style="padding: 5px">
                    </p>
                    <p class="font14 display-ib" style="padding-left: 15px">发布状态:
                        <input type="text" class="font14 border-1 radius-4" placeholder="请输入发布状态" style="padding-left: 5px;height: 26px;line-height: 26px;">
                    </p>
                    <p class="font14 display-ib" style="margin-left: 20px">
                        <input type="button" value="查询" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
                    </p>
                    <p class="font14 display-ib" style="margin-left: 20px">
                        <input type="button" value="发布" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
                    </p>
                    <p class="font14 display-ib" style="margin-left: 20px">
                        <input type="button" value="驳回" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
                    </p>
                </div>
            </div>
            <!-- 操作 end -->
            <!-- 表格 start -->
            <div class="font12 t_body color-3 " style=" margin-top: 10px;width: 1681px">
                <!--表头 start -->
                <div class="border-t-1 border-b-1 cursor-p" style="background: #f4f4f4;">
                    <span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
                        <input type="checkbox" class="cursor-p" style="margin-top:10px;" />
                    </span>
                    <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:700px;">经验标题</span>
                    <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:310px;">发布时间</span>
                    <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">发布人</span>
                    <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">发布状态</span>
                </div>
                <!--表头 end-->
                <!-- 表体 start-->
                <div class="display-">
                    <div class="border-b-1 tableRow">
                        <span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
                            <input type="checkbox" class="cursor-p" style="margin-top:10px;" />
                        </span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c font-1890ff cursor-p" style="width:700px;">酒店管理经验49个要点（1）</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:310px;">2018-05-21</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">郑天生</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">已发布</span>
                    </div>
                    <div class="border-b-1 tableRow">
                        <span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
                            <input type="checkbox" class="cursor-p" style="margin-top:10px;" />
                        </span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c font-1890ff cursor-p" style="width:700px;">酒店管理经验49个要点（1）</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:310px;">2018-05-21</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">郑天生</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">已发布</span>
                    </div>
                    <div class="border-b-1 tableRow">
                        <span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
                            <input type="checkbox" class="cursor-p" style="margin-top:10px;" />
                        </span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c font-1890ff cursor-p" style="width:700px;">酒店管理经验49个要点（1）</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:310px;">2018-05-21</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">郑天生</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">已发布</span>
                    </div>
                    <div class="border-b-1 tableRow">
                        <span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
                            <input type="checkbox" class="cursor-p" style="margin-top:10px;" />
                        </span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c font-1890ff cursor-p" style="width:700px;">酒店管理经验49个要点（1）</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:310px;">2018-05-21</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">郑天生</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">已发布</span>
                    </div>
                </div>
                <!-- 表体 end-->
                <!--筛选结果为空的蒙版 start-->
                <div>
                    <div class="text-c cursor-p color-9 display-n" style="padding:100px 0;">
                        <i class="iconfont icon-wushuju text-c vertical-a-t" style="font-size: 100px"></i>
                        <div class="font28" style="line-height:50px;">没有符合当前筛选条件的数据</div>
                    </div>
                </div>
                <!--筛选结果为空的蒙版 end-->
            </div>
            <!-- 表格 end -->
            <!--分页 start-->
            <div class="pos-a" style="right: 30px;height:30px;line-height:30px;bottom: 60px;">
                <div class="display-ib">分页</div>
                <div class="display-ib vertical-a-m font12" style="height:30px;">显示
                    <select class="radius-4 border-1" style="height:28px;width:40px;" id="zj_fy" data-feidao-actions="change:eu-008">
                        <option value="10">10</option>
                        <option selected="" value="20">20</option>
                        <option value="30">30</option>
                        <option value="40">40</option>
                        <option value="50">50</option>
                    </select>条数据
                </div>
            </div>
            <!--分页 end-->
        </div>
        <!-- 内容 end -->
    </div>
    <!--经验详情弹窗 start-->
    <div class="pos-f bg-black-rgba3 display-" style="top:0;left:0;width:100%;height:100%;z-index:99;">
        <div class="pos-f bg-f radius-4 overflow-h" style="top:5%;left:40%; width:1000px;margin-left:-300px;">
            <div class="bg-1890ff font14 color-f" style="line-height:40px;padding-left:10px;">
                <i class="icon iconfont icon-shanchu fr text-c cursor-p" style="width:40px;"></i>经验详情弹窗
            </div>
            <div class="color-6 p20 overflow-y-a" style="height: 800px;">
                <div class="text-c color-3">
                    <h2>民宿管理的十个要求——本人硬核经验分享</h2>
                </div>
                <div style="margin-bottom: 20px">
                    <span>分享人：</span>
                    <label for="">郑天胜</label>
                    <label class="fr" for="">2018-7-28</label>
                </div>
                <p style="text-indent: 2em;line-height: 25px">稳定而团结的团队——酒店核心团队成员，包括高层、中层和基层骨干，以及厨师队伍均由从业多年的酒店资深人士组成，且从06年中筹备至今基本保持稳定。当中大部分人员均曾经共事过，相互熟悉了解，没有拉帮结派和内耗现象。</p>
                <p style="text-indent: 2em;line-height: 25px;margin-top: 10px"> 稳定而团结的团队——酒店核心团队成员，包括高层、中层和基层骨干，以及厨师队伍均由从业多年的酒店资深人士组成，且从06年中筹备至今基本保持稳定。当中大部分人员均曾经共事过，相互熟悉了解，没有拉帮结派和内耗现象。稳定而团结的团队——酒店核心团队成员，包括高层、中层和基层骨干，以及厨师队伍均由从业多年的酒店资深人士组成，且从06年中筹备至今基本保持稳定。当中大部分人员均曾经共事过，相互熟悉了解，没有拉帮结派和内耗现象。稳定而团结的团队——酒店核心团队成员，包括高层、中层和基层骨干，以及厨师队伍均由从业多年的酒店资深人士组成，且从06年中筹备至今基本保持稳定。当中大部分人员均曾经共事过，相互熟悉了解，没有拉帮结派和内耗现象。稳定而团结的团队——酒店核心团队成员，包括高层、中层和基层骨干，以及厨师队伍均由从业多年的酒店资深人士组成，且从06年中筹备至今基本保持稳定。当中大部分人员均曾经共事过，相互熟悉了解，没有拉帮结派和内耗现象。稳定而团结的团队——酒店核心团队成员，包括高层、中层和基层骨干，以及厨师队伍均由从业多年的酒店资深人士组成，且从06年中筹备至今基本保持稳定。当中大部分人员均曾经共事过，相互熟悉了解，没有拉帮结派和内耗现象。稳定而团结的团队——酒店核心团队成员，包括高层、中层和基层骨干，以及厨师队伍均由从业多年的酒店资深人士组成，且从06年中筹备至今基本保持稳定。当中大部分人员均曾经共事过，相互熟悉了解，没有拉帮结派和内耗现象。稳定而团结的团队——酒店核心团队成员，包括高层、中层和基层骨干，以及厨师队伍均由从业多年的酒店资深人士组成，且从06年中筹备至今基本保持稳定。当中大部分人员均曾经共事过，相互熟悉了解，没有拉帮结派和内耗现象。稳定而团结的团队——酒店核心团队成员，包括高层、中层和基层骨干，以及厨师队伍均由从业多年的酒店资深人士组成，且从06年中筹备至今基本保持稳定。当中大部分人员均曾经共事过，相互熟悉了解，没有拉帮结派和内耗现象。</p>
                <div class="border-1" style="width: 800px;height: 600px;margin:0 auto;margin-top: 20px">

                </div>
                <!-- 评论 start -->
                <div>
                    <div class="font16 color-3" style="margin: 20px 0px;">评论</div>
                    <div class="border-b-1 pos-r" style="height: 80px;width: 100%;">
                        <div style="margin-left: 100px">
                            <label for="">柠檬檬</label>
                            <label class="fr" for="">2018-7-30</label>
                        </div>
                        <div style="margin-top: 10px;margin-left: 100px" class="color-6">
                            管理不是一项一蹴而就的技能，上面的这些建议也不能完全满足你高效管理团队的需要。除了关注成员，你也需要关注团队的任务和成长，如何识别出团队的关键任务以及如何高效地推进常规任务，也是管理者的必备的技能。
                        </div>
                        <div class="border-1 pos-a bg-e" style="height: 50px;width: 50px;left: 0;top: 10px">

                        </div>
                    </div>
                    <div class="border-b-1 pos-r" style="height: 80px;width: 100%;">
                        <div style="margin-left: 100px">
                            <label for="">柠檬檬</label>
                            <label class="fr" for="">2018-7-30</label>
                        </div>
                        <div style="margin-top: 10px;margin-left: 100px" class="color-6">
                            管理不是一项一蹴而就的技能，上面的这些建议也不能完全满足你高效管理团队的需要。除了关注成员，你也需要关注团队的任务和成长，如何识别出团队的关键任务以及如何高效地推进常规任务，也是管理者的必备的技能。
                        </div>
                        <div class="border-1 pos-a bg-e" style="height: 50px;width: 50px;left: 0;top: 10px">

                        </div>
                    </div>
                    <div class="border-b-1 pos-r" style="height: 80px;width: 100%;">
                        <div style="margin-left: 100px">
                            <label for="">柠檬檬</label>
                            <label class="fr" for="">2018-7-30</label>
                        </div>
                        <div style="margin-top: 10px;margin-left: 100px" class="color-6">
                            管理不是一项一蹴而就的技能，上面的这些建议也不能完全满足你高效管理团队的需要。除了关注成员，你也需要关注团队的任务和成长，如何识别出团队的关键任务以及如何高效地推进常规任务，也是管理者的必备的技能。
                        </div>
                        <div class="border-1 pos-a bg-e" style="height: 50px;width: 50px;left: 0;top: 10px">

                        </div>
                    </div>
                    <div class="border-b-1 pos-r" style="height: 80px;width: 100%;">
                        <div style="margin-left: 100px">
                            <label for="">柠檬檬</label>
                            <label class="fr" for="">2018-7-30</label>
                        </div>
                        <div style="margin-top: 10px;margin-left: 100px" class="color-6">
                            管理不是一项一蹴而就的技能，上面的这些建议也不能完全满足你高效管理团队的需要。除了关注成员，你也需要关注团队的任务和成长，如何识别出团队的关键任务以及如何高效地推进常规任务，也是管理者的必备的技能。
                        </div>
                        <div class="border-1 pos-a bg-e" style="height: 50px;width: 50px;left: 0;top: 10px">

                        </div>
                    </div>
                </div>
                <!-- 评论 end -->
            </div>
        </div>
    </div>
    <!--经验详情弹窗 end-->
</body>

</html>